<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        <fieldset></fieldset>字段集  把表单进行分类，功能就是会自动生成一个边框，可以进行嵌套
        <legend></legend> 字段集标题
        <label></label> 一般用在单选和多选
     -->
     <style>
         .box{
             border: none;
             border-top: solid 2px #000;
         }    
     </style>
</head>
<body>
   <form name="" action="" method="">
       <fieldset class="box">
           <legend>个人信息</legend>
       性别:
       <label><input type="radio" name="sex" cheched /> 女 </label> 
       <input type="radio" name="sex" id="man"/>
       <label for="man">男</label>
       <br>
       多选:<input type="checkbox" />
       <br>
       下拉菜单 <select>
           <option>200</option>
       </select>岁
       <br>
       上传文件 <input type="file" multiple="multiple"/>
       <br />
       多行文本:<textarea></textarea>
       <br />
       文本 <input type="text" value="请输入你的用户名" disabled/>
       <input type="hidden" />
      
       <hr />
       <fieldset>
       <input type="submit" value="登录"/>
    </fieldset>
    </fieldset>
   

   </form> 
</body>
</html>